<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/font-awesome.min.css">
    <link rel="stylesheet" href="./js/jquery-weui-build/lib/weui.min.css">
    <link rel="stylesheet" href="./js/jquery-weui-build/css/jquery-weui.min.css">
    <link rel="stylesheet" href="./css/sufferer.css">
    <script src="./js/jquery-weui-build/lib/jquery-2.1.4.js"></script>
    <script src="./js/jquery-weui-build/js/jquery-weui.min.js"></script>
    <script src="./js/pdf.js"></script>
    <script src="./js/pdf.worker.js"></script>
    <script src="./js/common.js"></script>
    <title>在线讲堂</title>
</head>

<body>
    <header class="header">
        <div class="title">
            <i class="icon-reply"></i>
            <h1 class="f14">在线讲堂</h1>
            <a href="./suffer_users.html"><i class="icon-group"></i></a>
        </div>
    </header>
    <section class="content_chat_scoll">
        <div class="content_chat">
            <div class="content_text">
                <div class="right_text  info">
                    <span>患者问题的萨阿阿大啊患者问题的萨阿阿大啊</span>
                    <a href="#"><img src="./images/error.gif" alt=""></a>
                </div>
                <div class="left_text info yu">
                    <a href="#"><img src="./images/error.gif" alt=""></a>
                    <label>1441的敷设</label>
                    <div class="song">
                        <i class="icon-rss"></i>
                        <span>5"</span>
                    </div>
                </div>
                <div class="right_text  info">
                    <span>患者问题的萨阿阿大啊</span>
                    <a href="#"><img src="./images/error.gif" alt=""></a>
                </div>
                <div class="left_text info yu">
                    <a href="#"><img src="./images/error.gif" alt=""></a>
                    <label>1441的敷设</label>
                    <div class="song">
                        <i class="icon-rss"></i>
                        <span>5"</span>
                    </div>
                </div>
                <div class="right_text  info ">
                    <span>患者问题的萨阿阿大啊患者问题的萨阿阿大啊</span>
                    <a href="#"><img src="./images/error.gif" alt=""></a>
                </div>
                <div class="left_text info">
                    <a href="#"><img src="./images/error.gif" alt=""></a>
                    <div class="info_text">
                        <p>的电饭锅</p>
                        <span>医生回复消息考虑是否是用所有速度医考虑是否是用所有速度</span>
                    </div>
                </div>
                <div class="right_text  info">
                    <span>患者问题的萨阿阿大啊</span>
                    <a href="#"><img src="./images/error.gif" alt=""></a>
                </div>
                <div class="left_text info yu">
                    <a href="#"><img src="./images/error.gif" alt=""></a>
                    <label>二个</label>
                    <div class="song">
                        <i class="icon-rss"></i>
                        <span>5"</span>
                    </div>
                </div>
                <div class="right_text  info">
                    <span>患者问题的萨阿阿大啊患者问题的萨阿阿大啊</span>
                    <a href="#"><img src="./images/error.gif" alt=""></a>
                </div>
                <div class="left_text info">
                    <a href="#"><img src="./images/error.gif" alt=""></a>
                    <div class="info_text">
                        <p>jshjfs</p>
                        <span>医生回复消息考虑是否是用所有速度医考虑是否是用所有速度</span>
                    </div>
                </div>
                <div class="right_text  info">
                    <span>患者问题的萨阿阿大啊</span>
                    <a href="#"><img src="./images/error.gif" alt=""></a>
                </div>
                <div class="left_text info yu">
                    <a href="#"><img src="./images/error.gif" alt=""></a>
                    <label>使得房价</label>
                    <div class="song">
                        <i class="icon-rss"></i>
                        <span>5"</span>
                    </div>
                </div>
                <div class="right_text  info">
                    <span>患者问题的萨阿阿大啊</span>
                    <a href="#"><img src="./images/error.gif" alt=""></a>
                </div>
                <div class="left_text info">
                    <a href="#"><img src="./images/error.gif" alt=""></a>
                    <div class="info_text">
                        <p>kjds快就撒娇的分</p>
                        <span>医生回复消息考虑是否是用所有速度医考虑是否是用所有速度医生回复消息考虑是否是用所有速度医考虑是否是用所有速度</span>
                    </div>
                </div>
                <div class="left_text info yu">
                    <a href="#"><img src="./images/error.gif" alt=""></a>
                    <label>大撒旦</label>
                    <div class="song">
                        <i class="icon-rss"></i>
                        <span>5"</span>
                    </div>
                </div>
            </div>
        </div>
        <div class="preview_pdf none" id="container">
            <div class="preview_pdf_title">
                <p>PDF文件预览</p>
            </div>
            <!-- <div id="viewerContainer" tabindex="0">
                <div id="viewer" class="pdfViewer"></div>
            </div> -->
            <div class="lightbox"></div>
            <div id="pop" class="pop">
                <iframe src="./js/pdf/web/viewer.html"></iframe>
                <!-- <canvas id="the-canvas"></canvas> -->
            </div>
        </div>
    </section>
    <footer class="footer_chat">
        <div class="send">
            <div class="input">
                <i class=""></i>
                <input type="text" name="content">
            </div>
            <div class="button">
                <a id="send_chat">发送</a>
            </div>
        </div>
        <div class="chat_member">
            <div class="file_download">
                <div>PDF文件下载</div>
                <div class="preview">
                    <a href="javascript:;" id="preview" class=" icon-zoom-in weui-btn_primary open-popup"></a>
                    <a href="#" class="icon-download-alt"></a>
                </div>
            </div>
        </div>
    </footer>
    <script>
        $(function () {
            //预览pdf
            $(document).delegate('#preview', 'click', function () {
                $('#container').fadeToggle();
            })
            
            //发送消息
            $(document).delegate('#send_chat', 'click', function () {
                var html = '';
                var sendContent = $('input[name=content]').val();
                if (sendContent == '') {
                    return;
                } else {
                    $.ajax({
                        url: '',
                        type: 'post',
                        data: sendContent,
                        dataType: 'text',
                        beforeSend: function () {
                            $('.weui-loadmore').show();
                            $('.bg_model').show();
                        },
                        success: function (info) {
                            if (info.type == "success") {
                                $('.weui-loadmore').hide();
                                $('.bg_model').hide();
                                html = '<div class="right_text  info">' +
                                    '<span>患者问题的萨阿阿大啊患者问题的萨阿阿大啊</span>' +
                                    '<a href="#"><img src="./images/error.gif" alt=""></a>' +
                                    '</div>'
                                $('.content_text').append(html);
                            } else {
                                // $('.bg_model').fadeIn();
                                // $('.modal_content').fadeIn().text(data.message);
                                // timer();
                            }
                        }
                    })
                }

            })
        })
    </script>
</body>

</html>